<template>
  <div>
    <div :style="cardStyle">
      <div class="relative w-full flex">
        <label class="m10px py10px text-left" :style="{ width: titleWidth + 'px' }">{{ titleText }}</label>
        <input class="m10px w-full px10px py5px" style="border: 1px solid #ccc" />
      </div>
    </div>
    <div class="flex justify-center items-center">
      <button class="u-button mxa" :style="buttonStyle">
        <view class="px5">{{ buttonText }}</view>
      </button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DkAppPhoneLocal',
  props: {
    openAd: { type: Boolean, default: true },
    titleText: { type: String, default: '手机号' },
    buttonText: { type: String, default: '查询' },
    titleWidth: { type: Number, default: 100 },
    cardStyle: {
      type: Object,
      default: () => {
        return {}
      }
    },
    buttonStyle: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      btnClick: false,
      number: 0,
      data: []
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped>
.u-button {
  font-size: 12px;
  box-sizing: border-box;
  margin: 0;
  color: #fff;
  border: none;
}
</style>
